import clsx from 'clsx';

export interface EditBtnProps {
	hasBg?: boolean;
	className?: string;
}

const EditBtn = (props: EditBtnProps) => {
	const { hasBg, className } = props;
	return (
		<div
			className={clsx(
				'flex-inline justify-center items-center cursor-pointer',
				{
					'w-10 h-10 bg-[rgba(255,255,255,0.8)] rounded-10 hover:bg-primary-100': hasBg
				},
				className
			)}
		>
			<IconFont type="icon-bianji" className="text-6" />
		</div>
	);
};

export default EditBtn;
